<!--  -->
<template>
  <div class="paySuccess">
      <!-- <HeaderTop title="支付成功"></HeaderTop> -->
      <div class="container">
          <div class="container-top">
              <div class="container-item">
                <img src="../../assets/img/payfail.png" alt="">
                <h1>订单支付失败</h1>
                <h3>您可以重新支付</h3>
              </div>
          </div>
          <div class="container-btn">
              <!-- <van-button size="normal" @click="$router.replace({path:'/waitdeliver',query:{id:id}})">查看订单</van-button> -->
              <!-- <van-button size="normal" @click="$router.replace({path:'/myorder',query:{id:0}})">我的订单</van-button> -->
              <van-button size="normal" @click="$router.replace('/msite')">去首页再看看</van-button>
          </div>
      </div>
  </div>
</template>

<script>
// import HeaderTop from '../HeaderTop/HeaderTop'
export default {
    data () {
        return {
            id:''
        };
    },

    // components: {
    //     HeaderTop
    // },
    mounted(){
        //  获取订单id
        // this.id = localStorage.getItem('orderInfoId')
        // const result = await this.API.reqWx()
        // alert(result)
        alert('userId',userId)
        alert('token',token)
    },
    computed: {},

    methods: {}
}

</script>
<style lang='stylus' scoped>
@import "../../common/stylus/mixins.styl"
.paySuccess
    // margin-top 45px
    .container
        // top-border-1px(#e4e4e4)        
        width 100%
        height 100%
        .container-top
            display flex
            justify-content center
            .container-item
                padding 80px 0 40px
                display flex
                flex-direction column
                img 
                    width 100px
                    margin-left 15px
                h1
                    font-size 19px
                    font-weight bold
                    margin 22px 0
                    text-align center
                h3
                    font-size 14px
                    color #999999
                    text-align center
        .container-btn
            display flex
            justify-content center
            button 
                padding 0 30px
                margin 0 20px
                border 1px solid #999999
                border-radius 5px
            // button
            //     margin 0
            //     paddding 0
            //     border 1px solid transparent
            //     outline none
            //     background #fff
</style>